﻿@page
@model AdminUI.Pages.Dialog.ImagePreviewModel
@{
    var F = Html.F();
    var url = Request.Query["url"];
}

@section body{ 
    <f:Panel ShowHeader="false" BodyPadding="2" Layout="Fit" ShowBorder="false" TitleAlign="Center">
        <Content>
            <img style="display: inline-block; width: 100%; max-width: 100%; height: auto;" src="@url" />
        </Content>
    </f:Panel>
}

@section script{
    <script src="~/res/third-party/zoomify/dist/zoomify.min.js"></script>
    <script>
        F.ready(function () {
            $('img').zoomify();
        });
    </script>
}

@section head{
    <link rel="stylesheet" href="~/res/third-party/zoomify/css/bootstrap-grid.min.css">
    <link rel="stylesheet" href="~/res/third-party/zoomify/dist/zoomify.min.css">
    <link rel="stylesheet" href="~/res/third-party/zoomify/css/style.css">
}